<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<body >
<script type="text/javascript">
	var treeGrid;
	$(function(){
		treeGrid = $('#treeGrid').treegrid({  
			url : 'product/productTypes',
	 		title : '商品类别列表',
	 		idField : 'id',
			treeField : 'name',
			parentField : 'pid',
			fit : true,
			fitColumns : true,
			border : true,
			nowrap : true,
			frozenColumns : [ [ {
				title : '类别ID',
				field : 'id',
				width : 150,
				hidden : true
			}, {
				field : 'name',
				title : '类别名称',
				width : 150
			} ] ],
			columns : [ [ {
				field : 'pid',
				title : '上级类别ID',
				width : 100,
				hidden : true
			}, {
				field : 'pname',
				title : '上级类别名称',
				width : 180
			}, {
				field : 'seq',
				title : '排序',
				width : 150,
			}, {
				field : 'visible',
				title : '是否可见',
				width : 150,
				formatter:function(value,row){
					if (value==1) {
						return "可见";
					}else{
						return "不可见";
					}
				}
			}, {
				field : 'note',
				title : '备注',
				width : 180
			}, {
				field : 'action',
				title : '操作',
				width : 70,
				formatter : function(value, row, index) {
					var str = '';
					str += $.formatString('<img onclick="editFun(\'{0}\');" src="{1}" title="编辑"/>', row.id, '<%=request.getContextPath() %>/resources/style/images/extjs_icons/pencil.png');
					return str;
				}
			} ] ],
			toolbar : '#toolbar',
		});    
	});  
	function addFun() {
		parent.$.modalDialog({
			title : '添加类别',
			width : 500,
			height : 300,
			href : '<%=request.getContextPath() %>/admin/product/toAddType',
			buttons : [ {
				text : '添加',
				handler : function() {
					parent.$.modalDialog.openner_treeGrid = treeGrid;//因为添加成功之后，需要刷新这个treeGrid，所以先预定义好
					var f = parent.$.modalDialog.handler.find('#form');
					f.submit();
				}
			} ]
		});
	}
	function editFun(id) {
		if (id != undefined) {
			treeGrid.treegrid('select', id);
		}
		var node = treeGrid.treegrid('getSelected');
		if (node) {
			parent.$.modalDialog({
				title : '编辑类别',
				width : 500,
				height : 300,
				href : '<%=request.getContextPath() %>/admin/product/toEditType?id=' + node.id,
				buttons : [ {
					text : '编辑',
					handler : function() {
						parent.$.modalDialog.openner_treeGrid = treeGrid;//因为添加成功之后，需要刷新这个treeGrid，所以先预定义好
						var f = parent.$.modalDialog.handler.find('#form');
						f.submit();
					}
				} ]
			});
		}
	}
</script>
<div class="easyui-layout" data-options="fit:true,border:false">
		<div data-options="region:'center',border:false" title="" style="overflow: hidden;">
			<table id="treeGrid"></table>
		</div>
	</div>
	<div id="toolbar" style="display: none;">
		<a onclick="addFun();" href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true,iconCls:'pencil_add'">添加</a>
	</div>
</body> 
